/* ====== 网站入口模块:.xtx-entry */
.xtx-entry{
    height: 500px;
	background-color: #f5f5f5;
}

/* 设置版心 */
.xtx-entry .container{
    position: relative;
    height: 500px;
    background: pink;
}
/* 设置半透明的侧边栏 */
.xtx-entry .container .category{
    position: absolute;
    top: 0;
    left: 0;
    width: 251px;
	height: 500px;
	background-color: rgba(0, 0, 0,.8);
}

/* 设置侧边栏中的li */
.xtx-entry .category li{
    position: relative;
    height: 50px;
    padding-left: 36px;/* 建议使用内边距,外边距会有问题 */
    line-height: 50px;
}

/* 设置鼠标悬浮在li上面的状态 */
.xtx-entry .category li:hover{
    background-color: #27ba9b;
}

/* 设置侧边栏中的超链接 */
.xtx-entry .category a{
    color: #fff;/* 设置字体颜色,而不是背景颜色 */
}
/* 设置a标签后半段的文字 */
.xtx-entry .category span{
    font-size: 14px;
}
/* 设置a标签前半段 文字 和后半段文字的间隙 */
.xtx-entry .category span:first-child{
    margin-left: 15px;
}

/* 设置a标签后面的小箭头 */
.xtx-entry .category a::after{
    position: absolute;/* 相对于li标签的定位 */
    content: '';
    top: 19px;
    right: 19px;
    width: 6px;
	height: 11px;
    background: url(../images/sprites.png) -80px -110px;
}

/* 设置左边按钮 */
.xtx-entry .prev{
    position: absolute;
    top: 228px;
    left: 260px;
    width: 45px;
	height: 44px;
	/* background-color: rgba(255,255,255,.2); */ /* 写在上面会被覆盖 */
    background: rgba(255,255,255,.2) url(../images/sprites.png)  13px -60px;
    border-radius: 50%;

}

/* 设置右边按钮 */
.xtx-entry .next{
    position: absolute;
    top: 228px;
    right: 10px;
    width: 45px;
	height: 44px;
	/* background-color: rgba(255,255,255,.2); */ /* 写在上面会被覆盖 */
    background: rgba(255,255,255,.2) url(../images/sprites.png)  -22px -60px;
    border-radius: 50%;

}

/* 设置指示器的样式 */
.xtx-entry .indicator{
    position: absolute;
    left:680px;
    bottom: 31px;
    width: 110px;
    height: 10px;
    /* background: red; */
}

/* 设置指示器里面的小圆点 */
.xtx-entry .indicator li{
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 15px;
    background: rgba(255,255,255,.43);
    border-radius: 50%;
}

/* 设置最后一个小圆点的右外边距为0 */
.xtx-entry .indicator li:last-child{
    margin-right: 0;
}

/* 设置最中间的圆点为白色 */
.xtx-entry .indicator .active{
    background: rgba(255,255,255);
}














/* =========新鲜好物模块:.xtx-new-goods */
.xtx-new-goods{
    height: 520px;
    /* background: pink; */
}
/* 设置头部样式 */
.xtx-new-goods .goods-hd{
    height: 115px;
    /* background: skyblue; */
    line-height: 115px;/* 文本垂直居中 */
}


/* 设置列表样式 */
.xtx-new-goods .goods-list{
    height: 405px;
    /* background: purple; */
}

/* 设置左边大文字的样式 */
.xtx-new-goods .goods-hd h2{
    height: 115px;
    font-size: 29px;
	font-weight: normal;
	color: #333333;
}

/* 设置左边小文字的样式 */
.xtx-new-goods .goods-hd span{
    font-size: 16px;
	font-weight: normal;
	color: #999;
}

/* 设置右边a标签文字的样式 */
.xtx-new-goods .goods-hd a{
    font-size: 16px;
	color: #999;
}

/* 设置右边a标签后面小箭头 */
.xtx-new-goods .goods-hd a::after{
    content: '';
    display: inline-block;
    width: 7px;
	height: 13px;
    margin-left: 13px;
    background: url(../images/sprites.png) 0px -110px;
    vertical-align: middle;
}

/* 设置列表里面每个li的样式 */
.xtx-new-goods .goods-list li{
    float: left;
    width: 304px;
    height: 405px;
    margin-right: 8px;
    background: #f0f9f4;
    text-align: center;
    line-height: 1;/* 去掉文本默认间隙,便于精准布局 */
}

/* 设置列表里面最后一个li的样式 */
.xtx-new-goods .goods-list li:last-child{
    margin-right: 0;
}

/* 设置li中的img样式 */
.xtx-new-goods .goods-list img{
    width: 100%;
}

/* 设置li中的h3样式 */
.xtx-new-goods .goods-list h3{
    height: 35px;/* 设置高度之后 和下面的p标签就有间距了 */
    margin-top: 22px;
    font-size: 20px;
	font-weight: normal;
	color: #333333;
}

/* 设置li中的p样式 */
.xtx-new-goods .goods-list p{
    font-size: 23px;
	font-weight: normal;
	color: #9a2e1f;
}

/* 设置li中的人民币样式 */
.xtx-new-goods .goods-list span{
    font-size: 17px;
}
